@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,900');
*{
  box-sizing:border-box;
}
/* .wrapper{
  width: 90%;
  padding:5rem;
  grid-gap: 0.2rem;
  color:white;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
} */
.header{
  width: 100%;
  height: 100px;
  padding:0px;
  min-width: 1366px;
  /* position: relative; */
}
.header .blackpink{
  width:100%;
  height: 100px;
  font-size: 3.5rem;
  font-weight: 300;
  letter-spacing: 8px;
  padding:0rem 2rem;
  border: 10px solid rgb(190, 38, 38);
  text-align: center;
  /* position: absolute; */
  opacity:0;
  border-radius: 5px;
  animation:lightson .5s ease 4 forwards;
  /* animation-name: lightson;
  animation-duration: 5s;
  animation-timing-function: ease; */
}
@keyframes lightson{
  0%{
    opacity:0;
    text-shadow: 0px 0px 0px #241dfe, 0px 0px 0px #241dfe, 0px 0px 0px #241dfe;
    box-shadow: 0px 0px 0px 0px #d7da17, 0px 0px 0px 0px #d7da17,0px 0px 0px 0px #d7da17, inset 0px 0px 0px #d7da17;
  }
  20%{
    opacity:0.5;
    text-shadow: 0px 0px 2.5px #1dfe8a, 0px 0px 5px #1dfe8a, 1px 1px 25px #1dfe8a;
    box-shadow: 0px 0px 5px 0px #8b1782, 0px 0px 10px 0px #8b1782,0px 0px 50px 0px #8b1782, inset 0px 0px 20px #8b1782;
  }
  40%{
    opacity:0;
    text-shadow: 0px 0px 1px #0bacf7, 0px 0px 2px #0bacf7, 0px 0px 10px #0bacf7;
    box-shadow: 0px 0px 2px 0px #1dfe8a, 0px 0px 5px 0px #1dfe8a,0px 0px 25px 0px #1dfe8a, inset 0px 0px 10px #1dfe8a;
  }
  50%{
    opacity:1;
    text-shadow: 0px 0px 5px #fe1dfe, 0px 0px 10px #fe1dfe, 1px 1px 50px #fe1dfe;
    box-shadow: 0px 0px 10px 0px #0de3c0, 0px 0px 20px 0px #0de3c0,0px 0px 100px 0px #0de3c0, inset 0px 0px 30px #0de3c0;
  }
  100%{
    opacity:1;
    text-shadow: 0px 0px 5px #ec1f26, 0px 0px 10px #ec1f26, 1px 1px 50px #ec1f26;
    box-shadow: 0px 0px 10px 0px #c1576c, 0px 0px 30px 0px #c1576c,0px 0px 100px 0px #c1576c, inset 0px 0px 30px #c1576c;
  }
}

.blackpink span{
  transform: scaleX(-1);
  display: inline-block;
}
.blackpink__tagline{
  text-align: right;
  font-size: .8rem;
}

@media(max-width: 1150px){
  .blackpink{
    font-size: 5rem;
    padding:2rem 0;
    letter-spacing: 2px;
  }
}


@media(max-width: 789px){
  /* .wrapper{
     width: 100%;
     padding:2rem;
} */
  .blackpink{
    font-size: 2rem;
    letter-spacing: 2px;
  }
}